<template>
	<view class="pag">
		<view class="top_view">
			<view class="box d-jc-sb d-ai-c user">
				<view class="user_top box d-ai-c">
					<image src="../../static/user/user_login.png" mode=""></image>
					<view class="user_top_text">
						<view class="">
							<text>
								立即登录
							</text>
						</view>
						<view class="">
							<text>
								好好记账~
							</text>
						</view>
					</view>
				</view>
				<view class="user_bottom">
					<text class="iconfont icondaqia">
						<text>
							打卡
						</text>
					</text>
				</view>

			</view>
			<view class="box d-jc-sa">
				<view class="box-c recode">
					<text>
						1
					</text>
					<text>
						已连续打卡
					</text>
				</view>
				<view class="box-c recode">
					<text>
						1
					</text>
					<text>
						记账总天数
					</text>
				</view>
				<view class="box-c recode">
					<text>
						1
					</text>
					<text>
						记账总笔数
					</text>
				</view>
			</view>

		</view>
		<view class="order">
			<view class="box d-jc-sb order-list-1">
				<text>账单</text>
				<text class="iconfont iconqianjin"></text>
			</view>
			<view class="box d-jc-sa d-ai-c order-list-2">
				<view class="flex-1 month">
					<text>04</text>
					<text>月</text>
				</view>
				<view class="box flex-5 d-jc-sa money">
					<view class="box-c a-center">
						<text>收入</text>
						<text>12.00</text>
					</view>
					<view class="box-c a-center">
						<text>支出</text>
						<text>12.00</text>
					</view>
				</view>

			</view>

		</view>
		<view class="function">
			<view class="box function-list-1">
				<text>我的功能</text>
			</view>
			<view class="box d-f-wrap">
				<view class="flex-1 box-c">
					<view class="box-c my-group">
						<text class="iconfont iconqun font-big"></text>
						<text>我的组织</text>
					</view>
				</view>
				<view class="flex-1">
					<view class="box-c my-group">
						<text class="iconfont iconyaoqing font-big"></text>
						<text>创建组织</text>
					</view>
				</view>
				<view class="flex-1">
					<view class="box-c my-group">
						<text class="iconfont iconzanwu font-big"></text>
						<text>暂无</text>
					</view>
				</view>
				<view class="flex-1">
					<view class="box-c my-group">
						<text class="iconfont iconzanwu font-big"></text>
						<text>暂无</text>
					</view>
				</view>
				
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.iconzanwu{
		color: #a3a3a3;
		
	}
	.my-group text{
		text-align: center;
	}
	.money text {
		color: #686868;
	}

	.iconqianjin {
		font-size: 38rpx;
	}

	.month text:first-child {
		font-size: 40rpx;
	}

	.order-list-1 text:first-child  {
		font-size: 36rpx;
		font-weight: 600;
		color: #1a1a1a;

	}
	.function-list-1 text:first-child  {
		font-size: 34rpx;
		font-weight: 600;
		color: #1a1a1a;

	}

	.order {
		margin: 12rpx 20rpx;
		background-color: #f1f1f1;
		height: 200rpx;
		padding: 10rpx;
		border-radius: 10rpx;
	}

	.function {
		margin: 12rpx 20rpx;
		background-color: #f1f1f1;
		height: 240rpx;
		padding: 10rpx;
		border-radius: 10rpx;
	}

	.pag {
		height: 100%;
	}

	.recode text {
		text-align: center;

	}

	.icondaqia {
		color: #616161;
	}

	.user {
		margin: 0 30rpx;
	}

	.user_top_text {
		margin: 0 12rpx;
	}

	.user_top image {
		width: 120rpx;
		height: 120rpx;
		border-radius: 60rpx;

	}

	.user_top_text view:first-child {
		font-size: 32rpx;
		font-weight: 600;
		color: #3a3a3a;
	}

	.user_top_text view:last-child {
		font-size: 26rpx;
		color: #3a3a3a;
	}

	.top_view {
		/* margin: 12rpx 20rpx; */
		/* background-color: #f1f1f1; */
		height: 240rpx;
		padding: 10rpx;
		border-radius: 10rpx;
	}
</style>
